<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Head -->
<head>
<meta charset="utf-8" />
<title>${session.SOFT_NAME }_智能办公系统</title>
<meta name="description" content="Dashboard" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<%include("../../../resapi/style.html"){}%>
<link rel="stylesheet" href="/module/zTree_v3/css/bootstrapStyle/bootstrapStyle.css" type="text/css">
<link href="/module/bootstrap-table/bootstrap-table.css" rel="stylesheet" />
</head>
<body style="overflow-y: auto;">
	<div class="page-body" style="padding: 0px">
		<div class="main-container container-fluid">
			<div class="page-container">
				<div class="col-md-12 col-sm-12 col-xs-12" style="padding: 0px">
					<div class="col-md-2 col-sm-2 col-xs-12" style="padding: 0px;">
						<div class="widget flat radius-bordered">
							<div class="widget-header bg-lightred">
								<span class="widget-caption">表单分类</span>
							</div>
							<div class="widget-body">
								<ul id="tree" class="ztree"></ul>
								<a id="cbut" href="javascript:void(0);" class="btn btn-purple" style="width: 100%;">创建表单</a>
							</div>

						</div>
					</div>
					<div class="col-md-10 col-sm-10 col-xs-12" style="padding-left: 5px;padding-right:0px">
						<div class="col-md-12 col-sm-12 col-xs-12" style="padding:0px;" id="infodiv">
							<div class="col-md-6 col-sm-6 col-xs-12"style="padding:0px;">
								<div class="widget">
									<div class="widget-header bordered-bottom bordered-palegreen">
										<span class="widget-caption">表单属性设置</span>
									</div>
									<div class="widget-body">
										<div>
											<form class="form-horizontal form-bordered" role="form" id="form" data-bv-message="This value is not valid" data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
												data-bv-feedbackicons-invalid="glyphicon glyphicon-remove" data-bv-feedbackicons-validating="glyphicon glyphicon-refresh">
												<div class="form-group">
													<label class="col-sm-2 control-label no-padding-right">排序号：</label>
													<div class="col-sm-4">
														<input type="text" class="form-control" id="sortNo" name="sortNo" placeholder="排序号" data-bv-digits="true" data-bv-digits-message="排序号必须是正整数" data-bv-notempty="true"
															data-bv-notempty-message="排序号不能为空"> <input type="hidden" id="formId" name="formId">
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-2 control-label no-padding-right">表单名称：</label>
													<div class="col-sm-8">
														<input type="text" maxlength="50" class="form-control" id="formTitle" name="formTitle" placeholder="表单名称" data-bv-notempty="true" data-bv-notempty-message="表单名称不能为空">
													</div>
												</div>
												<div class="form-group">
													<label class="col-sm-2 control-label no-padding-right">表名称：</label>
													<div class="col-sm-8">
														<input type="text" id="tableName" maxlength="50" name="tableName" class="form-control" placeholder="TABLE_NAME" data-bv-notempty="true" data-bv-notempty-message="表名称不能为空" data-bv-regexp="true"
															data-bv-regexp-regexp="[a-zA-Z0-9_\.]+" data-bv-regexp-message="只能输入英文字线与数字">
													</div>
												</div>

												<div class="form-group">
													<label class="col-sm-2 control-label no-padding-right">所属分类：</label>
													<div class="col-sm-8" style="position: relative;">
														<input type="hidden" id="bpmTypeId" name="bpmTypeId">
														<input type="text" class="form-control" id="bpmTypeName" name="bpmTypeName" placeholder="请选择上级分类 " readonly="readonly" data-bv-notempty="true" data-bv-notempty-message="所属分类不能为空">
														<div id="menuContent" class="menuContent">
															<ul id="menuTree" class="ztree"></ul>
														</div>
													</div>
												</div>

												<div class="form-group">
													<div class="col-sm-offset-2 col-sm-10">
														<a id="createbut" href="javascript:void(0);" class="btn btn-primary">新&nbsp;&nbsp;建</a> <a style="display: none;" id="updatabut" href="javascript:void(0);" class="btn btn-maroon">更&nbsp;&nbsp;改</a>
														<a style="display: none;" id="delbut" href="javascript:void(0);" class="btn btn-danger shiny">删&nbsp;&nbsp;除</a> <a style="display: none;" id="designerbut" class="btn btn-danger">设计表单</a>
													</div>
												</div>
											</form>
										</div>
									</div>
								</div>
							</div>
							<div class="col-md-6 col-sm-6 col-xs-12" style="padding-left:5px;padding-right:0px">
								<div class="widget">
									<div class="widget-header bg-blue">
										<span class="widget-caption">使用指导</span>
									</div>
									<div class="widget-body">
	                                    <div class="well attached top" style="margin-top: 0px;">
	                                        1.表单是BPM流程审批过程中的数据载体与数据展示界面.
	                                    </div>
	                                    <div class="well attached">
	                                        2.表单设计需要有一点的HTML语言知识.
	                                    </div>
	                                    <div class="well attached">
	                                        3.表单数据存储的数据库表名一定要用字母打头,不可用特殊字符.
	                                    </div>
										<div class="well attached bottom">
	                                        4.具体设计时,组件的功能与使用方式,请参考使用说明书.
	                                    </div>
									</div>

								</div>
							</div>
						</div>
						<div class="col-md-12 col-sm-12 col-xs-12" style="padding:0px;display: none;" id="tablediv">
							<div class="well with-header  with-footer">
							<div class="header bordered-blue">表单列表</div>
								<div class="buttons-preview" id="toobar"></div>
								<table id="myTable"></table>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>
	<%include("../../../resapi/sysjs.html"){}%>
	<script type="text/javascript">
		var bpmtable = "${bpmtable}";
	</script>
	<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.core.js"></script>
	<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.excheck.js"></script>
	<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.exedit.js"></script>
	<script type="text/javascript" src="/module/bootstrap-table/bootstrap-table.js"></script>
	<script type="text/javascript" src="/module/bootstrap-table/bootstrap-table-zh-CN.js"></script>
	<script type="text/javascript" src="/gobal/js/page/bpm/form_create.js"></script>
</body>
</html>